<template>
	<view>
		<cu-custom title="修改密码" ></cu-custom>
		<view class="m-t-10">
			
			<view class="form-detail c-l" >
				<view class="l-m-b l-m-l">
					<input placeholder="请输入验密码" type="password" id="pwd"/>
				</view>
				<view class="l-m-b l-m-r" id="eye">
					<uni-icons type="eye-slash-filled" size="24" color="#999" ></uni-icons>
					
				</view>
				<!-- <view class="content">
				      
				    </view> -->
			</view>
			<text style="color: #999; font-size: 14px; padding: 5px 15px; display: block; text-align: left; width: 100%; clear: both;">8-16位，包含数字、字幕大写。字母小写，建议至少90天修改一次密码</text>
			
			
		</view>
		<view class="uni-form-item uni-column in-text b-t-n b-u-c m-15 m-t-30 c-l m-b-30" style="padding-bottom: 30px;">
			<button> 确定修改</button>
			
		</view>
	</view>
</template>

<script>
	 // import set-passkey from '@/components/set-passkey/index.vue'
	export default {
		 // components: {set-passkey}
		data() {
			return {
				show: true
			};
		},
		onShow() {
			this.showtext()
		},
		methods: {
		            // showPass(e) {
		            //     console.log(e);
		            //     this.show = e;
		            // },
					showtext(e){
						var img = document.getElementById('eye');
						var pwd = document.getElementById('pwd');
						var flag = 0;
						img.onclick = function() {
							if (flag == 0) {
								pwd.type = 'text';
								flag = 1;
								img.src = '../Theme/images/play.png';
							} else {
								pwd.type = 'password';
								flag = 0;
								img.src = '../Theme/images/display.png';
							}
						}
					}
		        }
	}
</script>

<style lang="less" scoped>
@import '@/static/css/common.css';
.form-detail{ height: 50px; line-height: 50px;
input{ text-align: left; height: 47px; line-height: 47px; font-weight: normal; font-size: 14px;}
}
.form-detail{ background: #fff; font-size: 32rpx; border-bottom: 1px solid #f8f8f8;  height: 98rpx; line-height: 98rpx;}
.l-m-b{ display: flex;  text-align: left;
uni-image{ max-height: 35rpx;max-width: 40rpx; margin-top: 30rpx;}
}
.img-s{ height: 35px; width: 35px;}
.l-m-l{ float: left; padding-left: 35rpx; font-weight: bold; font-size: 14px;}
.l-m-r{ float: right; padding-right: 35rpx; height: 98rpx; line-height: 98rpx;  text-align: right; display: ;}
.b-t-n{ border-bottom: none;}
.b-u-c button{ background: #EA3457; color: #fff; border: none; width: 100%; border-radius: 80rpx;}
.c-red{color: #EA3457 ;}
.content {
        padding: 1%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 2upx solid #eee;
    }

    input {
        width: 100%;
        padding: 2%;
    }
</style>
